<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置</title>
    <link rel="stylesheet" href="/css/userweb/bootstrap.min.css">
    <link rel="stylesheet" href="/css/userweb/common.css">
    <link rel="stylesheet" href="/css/userweb/personal.css">
    <link rel="stylesheet" href="/css/userweb/set.css">
    <style>

    </style>
</head>
<body>
{include file="html/Common/indexHeader"}
<div class="index_container">
    <!--轮播-->
    <div class="banner">
        <ul id="on"></ul>
        <div class="banner_list"></div>
    </div>
    <div class="content">
        <div class="my_show_container">
            <div class="my_show_box" >
                <div class="categories_list ">
                    <ul>
                        <li>
                            <a href="/userweb/index/myInfo.html">
                                <div class="list_title">
                                    <div class="title_zh">个人信息</div>
                                    <div class="title_en">personal information</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/myOrder.html">
                                <div class="list_title">
                                    <div class="title_zh">我的订单</div>
                                    <div class="title_en">my order</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/myCollection.html">
                                <div class="list_title">
                                    <div class="title_zh">我的收藏</div>
                                    <div class="title_en">my collection</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/evaluation.html">
                                <div class="list_title">
                                    <div class="title_zh">收到评价</div>
                                    <div class="title_en">received evaluation</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/notification.html">
                                <div class="list_title">
                                    <div class="title_zh">系统通知</div>
                                    <div class="title_en">system notification</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow.png" alt="">
                                </span>
                            </a>
                        </li>
                        <li>
                            <a href="/userweb/index/set.html" class="active">
                                <div class="list_title">
                                    <div class="title_zh">设置</div>
                                    <div class="title_en">settings</div>
                                </div>
                                <span class="list_arrow">
                                    <img src="/image/userweb/slicesImg/list-arrow-change.png" alt="">
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="my_show_content">
                    <div class="my_show_bar">
                        <div class="my_title">
                            <p>设置</p>
                            <p>settings</p>
                        </div>
                    </div>
                    <div class="my_show_area" id="systemNotice">
                        <div class="my_order_static">
                            <ul class="my_nav">
                                <li class="active">
                                    <a href="#feedback" data-toggle="tab">
                                        <div class="title_zh">意见反馈</div>
                                        <div class="title_en">feedback</div>
                                    </a>
                                    <div class="border-b"></div>
                                </li>
                                <div></div>
                                <li>
                                    <a href="#contactCustomer" data-toggle="tab">
                                        <div class="title_zh">联系客服</div>
                                        <div class="title_en">contact Customer Service</div>
                                    </a>
                                    <div class="border-b"></div>
                                </li>
                                <div></div>
                                <li>
                                    <a href="#signOut" data-toggle="tab">
                                        <div class="title_zh">退出登录</div>
                                        <div class="title_en">sign out</div>
                                    </a>
                                    <div class="border-b"></div>
                                </li>
                                <em class="clear-float"></em>
                            </ul>
                        </div>
                        <div class="tab-content my_order_content" id="set">
                            <div class="edit_area tab-pane active" id="feedback">
                                <div class="feedback_area_box">
                                    <textarea v-model="content" class="my_text" name="feedback" id="feedbackText" cols="30" rows="6" placeholder="请输入遇到的问题或建议
Please enter the problem or a suggestion"></textarea>
                                    <div class="contact_phone_box">
                                        <div class="contact_phone_title">
                                            <div class="title_zh">联系电话(选填)</div>
                                            <div class="title_en">contact number</div>
                                        </div>
                                        <input type="text" v-model="tel" class="contact_phone_input" placeholder="选填，便于我们联系您/so we will be able to contact you">
                                    </div>
                                </div>
                                <div class="my_submit_box">
                                    <div class="my_submit_btn" v-on:click="submit()">
                                        <div class="title_zh">提交</div>
                                        <div class="title_en">submit</div>
                                    </div>
                                </div>
                            </div>
                            <div class="edit_area tab-pane" id="contactCustomer">
                                <div class="contact_area_box">
                                    <div class="contact_service_box">
                                        <div class="contact_img">
                                            <img src="/image/userweb/slicesImg/online_service.png" alt="">
                                        </div>
                                        <div class="contact_text">
                                            <div class="contact_tit_zh">在线客服</div>
                                            <div class="contact_tit_en">online service</div>
                                        </div>
                                    </div>
                                    <div class="contact_service_box">
                                        <div class="contact_img">
                                            <img src="/image/userweb/slicesImg/consumer_hotline.png" alt="">
                                        </div>
                                        <div class="contact_text">
                                            <div class="contact_tit_zh">客服电话</div>
                                            <div class="contact_tit_en">consumer hotline</div>
                                            <div class="contact_tit">{{xhl_tel}}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="edit_area tab-pane" id="signOut">
                                <div class="sign_out_box">
                                    <div class="my_remind">
                                        <div class="title_zh">提醒</div>
                                        <div class="title_en">remind</div>
                                    </div>
                                    <div class="my_tip">
                                        <div class="tip_tit">
                                            <div class="my_tip_img">
                                                <img src="/image/userweb/slicesImg/page-tip.png" alt="">
                                            </div>
                                            <div class="my_tip_text">
                                                <div class="title_zh">确定退出登录？</div>
                                                <div class="title_en">confirm sign out?</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="my_submit_box" onclick="logOut()">
                                        <div class="my_confirm_btn">
                                            <div class="title_zh">确认</div>
                                            <div class="title_en">confirm</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="slogan">
    <div class="slogan_title">
        <p>让我们的生活有更好的选择</p>
    </div>
    <div class="sub_slogan_title">
        <p>Let our lives have a better choice.</p>
    </div>
</div>
{include file="html/Common/indexFooter"}
</body>
<script src="/js/userweb/jquery.min.js"></script>
<script src="__JS__/vue.js"></script>
<script src="__JS__/vue-resource.js"></script>
<script src="__JS__/layer.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/userweb/common.js"></script>
<script src="/js/userweb/my/set.js"></script>
<script src="/js/userweb/laydate/laydate.js"></script>
<script>
    $(function () {
        validToken(); //验证tonken.
        bannerInit(); //轮播
        $("#my").addClass("active");
        $("#my").siblings().removeClass("active");
    });
    function logOut() {
        localStorage.removeItem('user_id');
        localStorage.removeItem('user_name');
        localStorage.removeItem('user_image');
        localStorage.removeItem('web_token');
        localStorage.removeItem('city');
        window.location.href = "/userweb/index/index.html";
    }
</script>
</html>